<template>
	<div>
		<div class="btn-comon" :class="type === '2' ? 'clo-2' : ''">{{ text }}</div>
	</div>
</template>
<script>
	export default {
		props: {
			text: {
				type: String
			},
			type: {
				type: String
			}
		},
		data() {
			return {}
		}
	}
</script>

<style lang="less" scoped>
	.btn-comon{
		display: block;
		height: 82px;
		line-height: 82px;
		text-align: center;
		color: #fff;
		font-weight: 500;
		font-size: 34px;
		border-radius: 80px;
		background: linear-gradient(to right, #fad27d, #f98a42);
		&.clo-2{
			background: linear-gradient(to right, #f99d9d, #ff0000);
		}
		&:active {
			opacity: 0.8;
		}
	}
</style>
